<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
<meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
<title>确认订单</title>
<link rel="stylesheet" type="text/css" href="../../css/aui-flex.css" />
<link rel="stylesheet" type="text/css" href="../../css/aui.css" />
<link rel="stylesheet" type="text/css" href="../../css/common.css" />
<style>
body{
	background: #F3F6F8;
}
.addrSec {
	padding: 0.75rem 1rem;
	margin-bottom: 0.4rem;
}
.address {
	padding-left: 1rem;
	padding-right: 2.2rem;
	min-height: 4rem;
}
.con{
	position: relative;
	color: #010101;
	font-size: 0.7rem;
}
.con:before {
	content: "";
	position: absolute;
	left: -1rem;
	top: 0.1rem;
	width: 0.68rem;
	height: 0.75rem;
	background: url(../../image/common/32.png) no-repeat;
	background-size: auto 0.75rem;
}
.addr {
	position: relative;
	margin-top: 0.8rem;
	color: #373336;
	font-size: 0.6rem;
	line-height: 20px;
}
.addr:before {
	content: "";
	position: absolute;
	left: -1rem;
	top: 0.1rem;
	width: 0.65rem;
	height: 0.75rem;
	background: url(../../image/common/33.png) no-repeat;
	background-size: auto 0.75rem;
}
.address .def {
	position: relative;
	top: -0.1rem;
	margin-left: 0.5rem;
	display: inline-block;
	font-size: 0.5rem;
	height: 0.8rem;
	line-height: 0.8rem;
	border-radius: 0.2rem;
	text-align: center;
	width: 1.45rem;
	vertical-align: middle;
}
.shop .item {
	padding: 0.9rem 1rem 0;
}
.shop .media {
	width: 3.6rem;
}
.textBox {
	min-height: 4.5rem;
	padding-left: 0.5rem;
}
.comBox{
	padding: 1.2rem 1rem 0;
}
.comBox .comMode{
	min-height: 2.1rem;
	line-height: 2.1rem;
	border-top: 1px solid #eee;
}
.comU{
	padding-top: 0.7rem;
	padding-bottom: 1rem;
}
.pay-list{
  padding: 0 .9rem;
  background-color: white;
  margin-top: .5rem;
}
.pay-list li{
  height: 2.5rem;
  /*padding: 0 0.75rem;*/
  font-size:0.7rem;
  color:#444444;
}
.pay-list li .imgBox{
  border-radius: 50%;
  margin-right: 0.3rem;
}
.pay-list li img{
  height: 1rem;
}
</style>
</head>
<body>
<div class="aui-content">
	<div class="addrSec bg-white" tapmode onclick="change_add('address_win')">
		<div class="address aui-flex-row aui-flex-middle">
			<div class="aui-flex-col aui-flex-between">
				<div class="con">王小六</div>
				<div></div>
				<div class="aui-text-right">1342342356</div>
			</div>
			<div class="addr">四川省成都市高新区天府新区天府一街新华路168号蜀都中心B3-1208室</div>
		</div>
	</div>
	<div class="shop bg-white">
		<div class="item">
			<div class=" aui-flex-col aui-flex-middle">
				<div class="media"><img src="../../image/demo/03.png" alt=""></div>
				<div class="flex-auto aui-padded-l-10 aui-padded-r-15">
					<div class="aui-font-size-12 color-000 aui-ellipsis-2">心相印卷纸 心柔3层140g*27粒纸巾整箱 新老包装随机...</div>
					<div class="color-555 aui-font-size-10 aui-ellipsis" style="padding-top:0.25rem">灰色</div>
					<div class="aui-flex-col aui-flex-between aui-flex-middle">
						<div class="aui-font-size-18 color-e7"><i class="text-bold">￥177.60</i></div>
						<div class="aui-font-size-10 color-000 aui-padded-t-5">×1</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="comBox bg-white">
    <div class="comMode aui-flex-col aui-flex-between aui-flex-middle aui-border-b">
			<div>自购优惠</div>
			<div class="color-666">省￥177.60</div>
		</div>
		<div class="comMode aui-flex-col aui-flex-between aui-flex-middle aui-border-b">
			<div>配送方式</div>
			<div class="color-666">快递免邮</div>
		</div>
		<div class="comU aui-flex-col aui-flex-right aui-flex-middle color-333 aui-font-size-12">
			<div>空两件商品</div>
			<div class="aui-padded-l-5">小计：<span class="text-bold">￥477.60</span></div>
		</div>
	</div>
  <ul class="pay-list">
    <li class="aui-flex-col aui-flex-middle aui-flex-between aui-border-b" tapmode onclick="checkPay(this)">
      <div class="imgBox"><img src="../../image/common/pay1.png" alt=""></div>
      <p class="flex-auto">微信支付</p>
      <div class="checkbox checkItem"></div>
    </li>
    <li class="aui-flex-col aui-flex-middle aui-border-b" tapmode onclick="checkPay(this)">
      <div class="imgBox"><img src="../../image/common/pay2.png" alt=""></div>
      <p class="flex-auto">支付宝支付</p>
      <div class="checkbox checkItem"></div>
    </li>
  </ul>
</div>

</body>
<script type="text/javascript" src="../../script/import.js"></script>
<script type="text/javascript" src="../../script/common.js"></script>
<script type="text/javascript">
    apiready = function() {
        api.parseTapmode();
    };
		// 修改地址
		function change_add(url){
				api.openWin({
						name: url,
						url: '../mine/'+ url + '.html'
				});
		}
		// 选择发票
		function invoice(url){
				api.openWin({
						name: url,
						url: './'+ url + '.html'
				});
		}
    function checkPay(el){
    	var _this = $$(el);
    	$$('.pay-list .checkbox').removeClass('checked');
    	_this.find('.checkbox').addClass('checked');
    }
</script>
</html>
